<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="public/reset.css" rel="stylesheet" type="text/css" />
<link href="public/global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header" class="container">
	<div id="logo"><a href="#"><img src="public/images/logo.gif" /></a></div>
	<div id="qlink">
		<div id="cor">
			<a href="#">登陆</a><span>|</span><a href="#">注册</a>
			vvviop vvviop
		</div>
		<div class="clear"></div>
		<div id="mytools">
			<a href="#" class="myshow">我的展示</a>
			<a href="#" class="mysetting">我的设置</a>
		</div>
	</div>
	<div class="clear"></div>
	<div id="menubar">
		<a href="#" class="this">首页</a>
		<a href="#">项目</a>
		<a href="#">服务</a>
		<div id="myoffice">
			<div id="myoffice_in" style="">
				<ul>
					<li><a href="#">项目一二</a></li>
					<li><a href="#">项目一二</a></li>
					<li><a href="#">项目一二</a></li>
					<li><a href="#">项目一二</a></li>
				</ul>
			</div>
		</div>
		<a href="#" style="letter-spacing: 0;">个人中心</a>
		<div class="clear"></div>
	</div>
	<div id="searchbar">
		<div id="searchbar_in">
		<div id="searchbar_input">
		Search <input type="text" style="width:500px;" class="sinputpre" value="中文的" />
		</div>
		<div id="searchbar_select">
		<select class="select">
			<option value="select_jobs">项目</option>
			<option value="select_providers">服务</option>
		</select>
		</div>
		<div id="searchbar_button">
		<a class="bt_go" href="#">&nbsp;</a>
		</div>
		<div class="clear"></div>
		</div>
	</div>
</div>
<div id="hotkeys" class="container">
	<div id="hotkeys_in"></div>
</div>

<div class="container">
	<div id="index_left">
		<div id="content_1">
			<div class="layouts-12">
				<div class="layouts-12-t">
					<div class="layouts-12-b">
					<p>layouts-12  use class: layouts-12,layouts-12-t,layouts-12-b and write in layouts-12-b</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="box_s2">
			<h2>社区吗</h2>
			<div class="box_s2_in">
			this box used box_s2 ;
			<p>some text ; </p>
			</div>
		</div>
		
		<div class="box_s3">
			<h2>
				<a href="#">选项卡1</a>
				<a href="#" class="this">选项卡2</a>
				<a href="#">选项卡3</a>
			</h2>
			<div class="box_s3_in">
				this used box_s3 , box_s3_in  and write in box_s3_in ;
			</div>
		</div>
		
		<div class="box_s3">
			<h1>
				选项卡 h1
			</h1>
			<div class="box_s3_in">
				this used box_s3 , box_s3_in  and write in box_s3_in ;
			</div>
		</div>
		
		<div class="box_s3">
			<div class="box_s3_on">
				<h3>可以使用h3作为 s3_on 的标题</h3>
				this used box_s3 , box_s3_on  and write in box_s3_on ;
				<p>do not use h2 h1 agin</p>
				<p>use h3</p>
			</div>
		</div>
		
		<div class="box_s4">
			<div class="title">this is box_s4 but not used h2 中文</div>
			<div class="box_s4_in">
			what about this ;;   box_s4 box_s4_in          
			</div>
		</div>
		
		<div class="box_s5">
			<div class="title">this is box_s5 but not used h2 中文</div>
			<div class="box_s5_in">
			what about this ;;   box_s5 box_s5_in 
			</div>
		</div>
		
		<div class="box_s6">
			<h2>BOX 剥削哈哈</h2>
			<div class="box_s6_in">
			this is box_s6 and write in box_s6_in ;
			</div>
		</div>
		
		<div class="box_s7">
			<h2>交替更换颜色的BOX</h2>
			<div class="box_s7_in">
				This used box_s7_in class;
			</div>
			<div class="box_s7_on">
				And this used box_s7_on class;
			</div>
			<div class="box_s7_in">
				This used box_s7_in class;
			</div>
			<div class="box_s7_ou">
				And you can also use box_s7_ou class;
			</div>
		</div>
		
		<div class="box_s8">
			<div class="title">标题和内容有相同的背景色</div>
			<div class="box_s8_in">BOX_S8</div>
		</div>
		
		<div class="box_s8">
			<div class="title">标题和内容有相同的背景色</div>
			<div class="box_s8_in">BOX_S8</div>
		</div>
		
		<div class="box_s9">
			<h2>BOX_S9 伯克斯埃斯九</h2>
			<div class="box_s9_in">BOX_S9</div>
		</div>
		
		<div class="box_s10">
			<h2>BOX_S10 伯克斯埃斯十</h2>
			<div class="box_s10_in">BOX_S10</div>
		</div>
		
	</div>
	<div id="index_right">
		<div class="box_s1">
			<h2>中文的box_s1 title</h2>
			<div class="box_s1_in">
				<p>this is box_s1;</p>
				<p>this is box_s1;</p>
				<p>this is box_s1;</p>
			</div>
		</div>
		
		<div class="box_s2">
			<h2>中文的box_s2</h2>
			<div class="box_s2_in">
			<p>this is box_s2;</p>
			<p>this is box_s2;</p>
			<p>this is box_s2;</p>
			</div>
		</div>
		
		<div class="cn" style="margin-bottom:10px;">
		<img src="pinpai.gif" alt="3" />
		</div>
		
		<div class="box_s4">
			<div class="title">this is box_s4  中文</div>
			<div class="box_s4_in">
			what about this ;;   box_s4 box_s4_in   
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			  
			</div>
		</div>
		
	</div>
	<div class="clear"></div>
	<!-- end of one container -->
</div>

<div class="container">
	<div id="left">
		<div id="left_menu">
		  <div id="left_menu_t">
			  <div id="left_menu_b">
					<ul>
						<li><a href="#">帮助中心</a></li>
						<li class="this"><a href="#">帮助中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div id="right">
		<div class="box_s3">
			<div class="box_s3_on">
				this used box_s3 , box_s3_on  and write in box_s3_on ;
				<p>do not use h2 h1 agin</p>
			</div>
		</div>
		
		<div class="box_s8">
			<div class="title">
				<div style="float:left;"><h2>新用户注册</h2></div>
				<div style="float:right;">已经是会员?点此<a href="#">登陆</a></div>
				<div class="clear"></div>
			</div>
		</div>
		
		<!-- start reg form -->
		<div class="box_s1" style="padding:30px 30px 10px 30px;">
			<h2>注册以后可以享受什么什么什么</h2>
			<div class="box_s1_in">
			
			<div id="reg_box" class="fs-14">
			<div class="pt20"></div>
			  <table cellspacing="0" cellpadding="0" align="center">
				<tr>
				  <td class="rn">电子邮箱：</td>
				  <td><input id="email" maxlength="60" name="email" class="input" style="width:210px;" /></td>
				  <td><span id="emailinfo" class="gray">账户激活邮件将发送至该邮箱</span></td>
				</tr>
				<tr>
				  <td class="rn">密码：</td>
				  <td><input id="passwd" type="password" maxlength="16" class="input" style="width:210px;" name="passwd" /></td>
				  <td><span id="passinfo" class="gray">密码由6-16个字母或数字组成..</span></td>
				</tr>
				<tr>
				  <td class="rn">确认密码：</td>
				  <td><input id="confirm_passwd" type="password" maxlength="16" class="input" style="width:210px;" /></td>
				  <td id="confirm_passinfo" class="gray">再输入一遍您的密码以确保没有输错</td>
				</tr>
				<tr>
				  <td class="rn">昵称：</td>
				  <td><input id="name" maxlength="20" name="name" class="input" style="width:210px;" /></td>
				  <td><span id="nameinfo" class="gray">为您自己起个昵称</span></td>
				</tr>
				<tr>
				  <td class="rn">验证码：</td>
				  <td colspan="2"><input id="ck" maxlength="20" name="ck" style="width:68px;" class="input" />
					   <span class="fs-12">←点击图片换一个验证码</span><span id="ckinfo" class="error"></span></td>
				</tr>
				<tr>
				  <td>&nbsp;</td>
				  <td colspan="2" class="fs-12">点击<strong>“注册”</strong>表明您接受 <a href="#" target="_blank">myTino.com服务条款</a> 和 <a href="#" target="_blank">隐私政策</a></td>
				</tr>
			  </table>
			  </div>
			  <div class="cn mbt10"><input type="button" value="注册" class="bbt" /></div>
			</div>
		</div>
		<!-- end reg form -->
		
		
		
		<div class="box_s8">
			<div class="title">
				<h2>登陆</h2>
			</div>
		</div>
		<!-- start login form -->
		<div class="box_s1" style="padding:20px;">
			<div class="box_s1_in">
				<div class="box_in_left">
					<div class="box_notice" style="margin:10px 10px 10px 0;">您需要先登录才能进行.</div>
					<div class="fs-s">邮件地址:</div>
					<input type="text" class="input" style="width:210px;" />
					<div class="fs-s pt20">密码:</div>
					<input type="text" class="input" style="width:210px;" />
					<div class="pt5">
						<a href="#">忘记密码</a> | 
						<a href="#">帮助中心</a>
					</div>
					<div class="pbt10">
						<input type="submit" class="bbt" value="登录" />
					</div>
				</div>
			   
				<div class="box_in_right">
					<div class="plr20">
						<div class="orange fs-14 fs-s">还不是会员?</div>
						<div class="pt20"><a href="#">立即加入</a>! 注册快速而且免费哦!</div> 
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
		</div>
		<!-- end login form -->        
	 
	</div>
	
	
	<div class="clear"></div>
</div>

<div class="container">
	<div id="left">
		<div id="left_menu">
		  <div id="left_menu_t">
			  <div id="left_menu_b">
					<ul>
						<li><a href="#">帮助中心</a></li>
						<li class="this"><a href="#">帮助中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div id="inmiddle">
		<div class="box_s2">
			<h2>中文的box_s2</h2>
			<div class="box_s2_in">
			<p>this is box_s2;</p>
			<p>this is box_s2;</p>
			<p>this is box_s2;</p>
			</div>
		</div>
	</div>
	
	<div id="inright">
		<div class="box_s3">
			<h2>中文的box_s3</h2>
			<div class="box_s3_in">
			<p>this is box_s3;</p>
			<p>this is box_s3;</p>
			<p>this is box_s3;</p>
			</div>
		</div>
	</div>

	<div class="clear"></div>	
</div>

</body>
</html>
